簡介：你可以把這門課程看成是《玩轉Bootstrap》的補充篇，帶領大家學習怎么使用JS自由控制Bootstrap中提供的組件（插件）。
第1章 模態彈出框
本章節講解使用JS插件的方法使用模態彈出框，包括使用data方法和JS方法觸發彈出框。
- 編程： 1-1 導入JavaScript插件
- 編程： 1-2 動畫過渡（Transitions）
- 編程： 1-3 模態彈出框（Modals）
- 編程： 1-4 模態彈出框--結構分析
- 編程： 1-5 模態彈出框--實現原理解析（一）
- 編程： 1-6 模態彈出框--實現原理解析（二）
- 編程： 1-7 模態彈出框--觸發模態彈出窗2種方法
- 編程： 1-8 模態彈出框--為彈出框增加過度動畫效果
- 編程： 1-9 模態彈出框--模態彈出窗的使用（data-參數說明）
- 編程： 1-10 模態彈出框--模態彈出窗的使用（JavaScript觸發）
- 編程： 1-11 模態彈出框--JavaScript觸發時的參數設置（一）
- 編程： 1-12 模態彈出框--JavaScript觸發時的參數設置（二）
第2章 下拉菜單與滾動監視器
本章節講解使用JS插件的方法實現“下拉菜單”與“滾動監視器”效果。
第3章 選項卡、提示框和彈出框
本章節講解使用JS插件的方法實現“選擇卡”、“提示框”和“彈出框”效果。
- 編程： 3-1 選項卡（Tabs）
- 編程： 3-2 選項卡--選項卡的結構
- 編程： 3-3 選項卡--觸發切換效果
- 編程： 3-4 選項卡--為選擇卡添加fade樣式
- 編程： 3-5 選項卡--膠囊式選項卡（nav-pills）
- 編程： 3-6 選項卡--JavaScript觸發方法
- 編程： 3-7 提示框(Tooltip)
- 編程： 3-8 提示框--結構
- 編程： 3-9 提示框--JS觸發提示框方法
- 編程： 3-10 提示框--其他的自定義屬性
- 編程： 3-11 提示框--JS設置參數方法
- 編程： 3-12 彈出框（Popover）
- 編程： 3-13 彈出框--彈出框的結構
- 編程： 3-14 彈出框--觸發彈出框的方法
- 編程： 3-15 彈出框--自定義結構屬性
- 編程： 3-16 彈出框--提示框和彈出框的異同
第4章 警告框、按鈕
本章節使用JS插件的方法實現“警告框”、“按鈕”兩種效果。
第5章 手風琴、圖片輪換和固定定位
本章節使用JS插件的方法實現“手風琴”、“圖片輪換”和“固定定位”效果。
- 編程： 5-1 手風琴（Collapse）
- 編程： 5-2 手風琴--手風琴結構
- 編程： 5-3 手風琴--聲明式觸發手風琴（一）
- 編程： 5-4 手風琴--聲明式觸發手風琴（二）
- 編程： 5-5 手風琴--聲明式觸發手風琴（三）
- 編程： 5-6 圖片輪播（Carousel）
- 編程： 5-7 圖片輪播--輪播圖片的設計（一）
- 編程： 5-9 圖片輪播--輪播圖片的設計（二）
- 編程： 5-10 圖片輪播--輪播圖片的設計（三）
- 編程： 5-11 圖片輪播--聲明式觸輪播圖的播放（一）
- 編程： 5-12 圖片輪播--聲明式觸輪播圖的播放（二）
- 編程： 5-13 圖片輪播--JavaScript觸發方法
- 編程： 5-14 固定定位（Affix）
- 編程： 5-15 固定定位--聲明式觸發固定定位
第7章 綜合挑戰題
本章節帶領大家利用以前學習的知識，來制作一個完整的網頁。